<template>
    保障服务

    <div class="homec">
        <van-card
        v-for="item in homeList"
        @click="pushlist"
  :title="item.title"
  :thumb="item.img"
/>
    </div>
</template>

<script setup>
import { ref } from 'vue';
import { useRouter } from 'vue-router';
import Homecard from '../../components/homecard.vue';
const homeList=([
    {
        img:"https://img0.baidu.com/it/u=2184160064,487011832&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1734627600&t=6dcaaf208b5d3f789114a910e886e957",
        title:"噶人个人个人",
        id:1,
    },
    {
        img:"https://img1.baidu.com/it/u=2522095353,344531116&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1734627600&t=72806fab3f9d1cb2509bb88707d212cf",
        title:"十多个色哥",
        id:2,
    },
    {
        img:"https://img1.baidu.com/it/u=3001150338,397170470&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1734627600&t=937d9b0aee96c417d0ea541b59fad288",
        title:"古斯特如火如荼",
        id:3,
    },
    {
        img:"https://img1.baidu.com/it/u=787132584,3819075437&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1734627600&t=2cbae001fd8be80408deaad07b578c02",
        title:"素土夯实让他加",
        id:4,
    },
    {
        img:"https://img0.baidu.com/it/u=2191392668,814349101&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1734627600&t=941f8e54e18002fdb279ffd87d9aa613",
        title:"儿啊还让他技术人员",
        id:5,
    },
    {
        img:"https://img2.baidu.com/it/u=1337068678,3064275007&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1734627600&t=e10e25c2804a5885360b2c1e10df7614",
        title:"ear啊啊拖后腿肉",
        id:6,
    },
])
const router = useRouter();
const pushlist=()=>{
    router.push({
        path:"/login",
        query:{
            id:1,
        }
    })
}
</script>

<style lang="scss" scoped>
.homec{
    display: flex;
    flex-wrap: wrap;
}
.homec > div{
    width: 33%;
}
</style>